import React, { Component } from 'react';
import '../styles/Jiaoshijieshao.scss'
import { NavBar, Space,Button } from 'antd-mobile'
import { SearchOutline, MoreOutline} from 'antd-mobile-icons'

class Jiaoshijieshao extends Component {
    constructor(props) {
        super(props)
        this.state = {
          right: (
            <div style={{ fontSize: 24 }}>
              <Space style={{ '--gap': '16px' }}>
                <SearchOutline />
                <MoreOutline />
              </Space>
            </div>
          ),
        }
      }
    render() {
        return (
            <div className='jiaoshijieshao'>
                 <NavBar  right={this.state.right} onBack={()=>{this.props.history.go(-1)}}>
                 明星教师介绍
                </NavBar>
                <div className="nei">
                    <div className="xin">
                        <div className="h1">JASON</div>
                        <div className="h2"></div>
                        <div className="h3">
                        来自英国的明星老师，毕业于威特沃特斯兰德大。他帅气儒雅，却又热情搞怪，课堂上的他仿佛一名话剧演员。有趣的表情，诙谐的动作，每一样都吸引着孩子们的眼球。他经验丰富，3年以来一直从事教育行业，懂得如何激发孩子的兴趣，更能帮助孩子们发展想象力，不断地探索语言的奥秘。
                        </div>
                        <img src="https://img.axureshop.com/47/f6/19/47f6193bc5004b1388c6fa23d2a9bd4e/images/%E8%80%81%E5%B8%88%E4%BB%8B%E7%BB%8D/u2375.png" alt="" />
                        <div className="h4">
                        我们为您配备专业的学习顾问，为宝贝规划对应的英语学习路径和辅导提升计划，保证优质服务质量。
                        </div>
                        <div className="h4">
                        我们为您配备专业的学习顾问，为宝贝规划对应的英语学习路径和辅导提升计划，保证优质服务质量。
                        </div>
                        <div className="h4">
                        我们为您配备专业的学习顾问，为宝贝规划对应的英语学习路径和辅导提升计划，保证优质服务质量。
                        </div>
                    </div>
                    <Button block color='primary' size='large'>
                      立即咨询
                    </Button>
                </div>
            </div>
        );
    }
}

export default Jiaoshijieshao;